<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=2.0, minimum-scale=0.5"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="renderer" content="webkit" />
    <title>product</title>
    <style>
      .wrapper {
        border: 1px solid #000;
      }
      :root {
        --width: 50px;
      }
      /* #box {
        width: var(--width) !important;
      } */
    </style>
  </head>
  <body>
    <div id="box" style="width: 500px; height: 500px; background-color: red"></div>
    <script></script>
  </body>
</html>
